<template>
<el-row type="flex" class="box">
  <el-col :span="12" style="text-align:right">
    <div class="ndex-imgEle"></div>
  </el-col>
  <el-col class="ndex-content" :span="12">
    <h1>404</h1>
    <div class="index-desc">抱歉，你访问的页面不存在</div>
    <div class="index-actions">
      <a href="/"><el-button type="primary">返回首页</el-button></a>
    </div>
  </el-col>
</el-row>
</template>
<script>
export default {
  
}
</script>
<style>
.box{position: absolute;top:50%;width: 100%;margin-top:-160px;}
.ndex-imgEle{background:url('../assets/imgs/404.svg') no-repeat right center;width:313px;height: 360px; background-size: 100%;display: inline-block;margin-right:50px;}
.ndex-content{padding-top:100px;}
.ndex-content h1{color: #434e59;font-size: 72px;font-weight: 600;line-height: 72px;margin-bottom: 24px;}
.ndex-content .index-desc{color: rgba(201, 201, 201, 0.45);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;}  
</style>
